<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        
        <title>Я-Легенда - Заметки</title>
        <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
        <link rel="stylesheet" type="text/css" href="css/main_style.css" />
        <link rel="stylesheet" type="text/css" href="css/notes_style.css" />
        <link rel="stylesheet" type="text/css" href="css/popup.css" />
        <script src="js/main.js" />
        <!--[if lte IE 7]>
            <meta http-equiv="refresh" content="0;url=naxyj.html" />
        <![endif]-->
        <!--[if lt IE 9]>
            <script>
                var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
                    for (var i = 0; i < e.length; i++) {
                        document.createElement(e[i]);
                }
            </script>
        <![endif]-->
        
    </head>
    <body>
        <div id="header">
            <div class="nav_menu">
                <nav>
                    <a href="index.xhtml">Моя страница</a>
                    <a href="#">Заметки</a>
                    <a href="#">Чужие цели</a>
                    <a href="login.xhtml">Выход</a>
                </nav>
                <a href="index.xhtml"><div class="logo"></div></a>
            </div>
        </div>
        <div id="main">

            <div id="right_bar">
                <a href="#" style="text-decoration: none"><div class="project_news">
                    Новости Ilegend &#160;<span class="project_news_number">15</span>
                    <!-- Важно!!! при отсутствии новостей, <span class="project_news_number"></span> не выводится вообще!!! -->
                </div></a>
                <div class="events">
                    <div class="events_header">
                        События
                    </div>
                    <div class="events_body">
                        <a href="#"><div class="events_body_string"><div class="event_icon_message"></div>Сообщения &#160;<span class="events_number">15</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_friend"></div>Друзья &#160;<span class="events_number">3</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_photo"></div>Фотографии &#160;<span class="events_number">1</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_video"></div>Видеозаписи &#160;<span class="events_number">5</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_setting"></div>Настроики</div></a>
                    </div>
                </div>
                <div class="friends">
                    <a href="#">
                        <div class="friends_header">
                            Друзья
                        </div>
                    </a>
                    <div class="friends_body">
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/2.jpg" title="Петя Васечкин" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/asw.jpg" title="Друг" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/xren.jpeg" title="Хер Моржевый" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/shar_0_0.jpeg" title="Arnold Schwarzenegger" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                    </div>
                </div>
            </div>
        
            <div id="content">
                <div id="profile_name">
                    <span class="profile_name">Александр <span class="profile_nickname">"skorpio"</span> Мокрушин</span>
                    <span class="net_status"><span class="net_status_style">Online</span></span>
                </div>
                <div class="add_search">
                    <div class="search_notes">
                        <input type="search" name="" placeholder="поиск по заметкам" />
                        <a href="#">поиск</a>
                    </div>
                    <div class="add_note">
                        <a href="#"><div></div>Добавить заметку</a>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <p class="footer_link">
                <a href="#" target="_blank">О сайте</a>
                <a href="#" target="_blank">Условия использования</a>
                <a href="#" target="_blank">Политика конфиденциальности</a>
                <a href="#" target="_blank">Помощь</a>
            </p>
            <p class="footer_link">
                <a href="#">Русский</a>
                <a href="#">English</a>
            </p>
        </div>
    </body>
</html>
